<template>
	<div class="footer-main">
		<div class="main-wrap">
			<div class="lc">
				<div class="lc-cont">
					<div class="lc-tit">博彩牌照<img src="../../src/assets/img/blue-tick.svg"></div>
					<img src="../../src/assets/img/license-curacao.webp" class="lc-c">
					<p class="footer-about">來到HK11，您將進入專業領域，這是美國領先的博彩公司帶來的水平。 享受幾乎沒有市場能提供的高質量，信譽卓著的在線投注世界。
						HK11已獲得美洲地區領先機構的許可。 HK11投注網站很榮幸成為石勒蘇益格-荷爾斯泰因州內政和聯邦事務部許可的少數幾家莊家之一</p>
					<div class="footer-copy">Copyright © HK11 Reserved</div>
				</div>
				<div class="lc-cont">
					<div class="lc-tit">認證</div>
					<div class="lc-group"><img src="../../src/assets/img/ftr-cert-bmm.webp" class="lc-g"><img
							src="../../src/assets/img/ftr-cert-itech.webp" class="lc-g"><img
							src="../../src/assets/img/ftr-cert-gli.webp" class="lc-g"><img
							src="../../src/assets/img/ftr-cert-tst.webp" class="lc-g"><img
							src="../../src/assets/img/ftr-cert-godaddy.webp" class="lc-g"></div>
				</div>
				<div class="lc-cont">
					<div class="lc-tit">安全</div>
					<div class="lc-group"><img src="../../src/assets/img/ftr-security-iovation.webp" class="lc-g"><img
							src="../../src/assets/img/ftr-security-threatmetrix.webp" class="lc-g"></div>
					<div class="lc-tit">責任博彩</div>
					<div class="lc-group"><img src="../../src/assets/img/ftr-rpsb-18.webp" class="lc-g"><img
							src="../../src/assets/img/ftr-rpsb-gamcare.webp" class="lc-g"><img
							src="../../src/assets/img/ftr-rpsb-aware.webp" class="lc-g"></div>
				</div>
			</div>
			<div class="lc lc-btm">
				<div class="footer-links"><a data-code="aboutUs" href="/info/aboutUs">關於 HK11</a><a
						data-code="userAgreement" href="/info/userAgreement">用戶協定</a><a data-code="userPrivacy"
						href="/info/userPrivacy">用戶隱私</a><a data-code="partner" href="/info/partner">百家樂玩法技巧</a><a
						data-code="disclaimer" href="/info/disclaimer">免責聲明</a></div>
			</div>
		</div>
		<div class="footer-cont-gp">
			<div class="main-wrap">
				<div class="provider-list-box">
					<div data-gp="AMEBA"><img alt="AMEBA" src="../../src/assets/img/ameba.webp" loading="lazy"></div>
					<div data-gp="AUX"><img alt="AUX" src="../../src/assets/img/auxx.webp" loading="lazy"></div>
					<div data-gp="BBIN"><img alt="BBIN" src="../../src/assets/img/bbin.webp" loading="lazy"></div>
					<div data-gp="BNG"><img alt="BNG" src="../../src/assets/img/bng.webp" loading="lazy"></div>
					<div data-gp="BTGAMING"><img alt="BTGAMING" src="../../src/assets/img/btgaming.webp" loading="lazy">
					</div>
					<div data-gp="CARD365"><img alt="CARD365" src="../../src/assets/img/CARD365.webp" loading="lazy">
					</div>
					<div data-gp="CMDBET"><img alt="CMDBET" src="../../src/assets/img/CMDBET.webp" loading="lazy"></div>
					<div data-gp="CQ9"><img alt="CQ9" src="../../src/assets/img/CQ9.webp" loading="lazy"></div>
					<div data-gp="DG"><img alt="DG" src="../../src/assets/img/DG.webp" loading="lazy"></div>
					<div data-gp="EVO"><img alt="EVO" src="../../src/assets/img/EVO.webp" loading="lazy"></div>
					<div data-gp="EVOPLAY"><img alt="EVOPLAY" src="../../src/assets/img/EVOPLAY.webp" loading="lazy">
					</div>
					<div data-gp="EZUGI"><img alt="EZUGI" src="../../src/assets/img/EZUGI.webp" loading="lazy"></div>
					<div data-gp="FC"><img alt="FC" src="../../src/assets/img/FC.webp" loading="lazy"></div>
					<div data-gp="FUNTA"><img alt="FUNTA" src="../../src/assets/img/FUNTA.webp" loading="lazy"></div>
					<div data-gp="HACKSAW"><img alt="HACKSAW" src="../../src/assets/img/HACKSAW.webp" loading="lazy">
					</div>
					<div data-gp="JDB"><img alt="JDB" src="../../src/assets/img/JDB.webp" loading="lazy"></div>
					<div data-gp="JOKER"><img alt="JOKER" src="../../src/assets/img/JOKER.webp" loading="lazy"></div>
					<div data-gp="KINGMAKER"><img alt="KINGMAKER" src="../../src/assets/img/KINGMAKER.webp"
							loading="lazy">
					</div>
					<div data-gp="LUCKY_SPORTS"><img alt="LUCKY_SPORTS" src="../../src/assets/img/LUCKY_SPORTS.webp"
							loading="lazy">
					</div>
					<div data-gp="MOTIVATION"><img alt="MOTIVATION" src="../../src/assets/img/MOTIVATION.webp"
							loading="lazy">
					</div>
					<div data-gp="NLC"><img alt="NLC" src="../../src/assets/img/NLC.webp" loading="lazy"></div>
					<div data-gp="OD_GAMING"><img alt="OD_GAMING" src="../../src/assets/img/OD_GAMING.webp"
							loading="lazy">
					</div>
					<div data-gp="ONLIVE"><img alt="ONLIVE" src="../../src/assets/img/ONLIVE.webp" loading="lazy"></div>
					<div data-gp="PLAYSON"><img alt="PLAYSON" src="../../src/assets/img/PLAYSON.webp" loading="lazy">
					</div>
					<div data-gp="PNG"><img alt="PNG" src="../../src/assets/img/PNG.webp" loading="lazy"></div>
					<div data-gp="PP"><img alt="PP" src="../../src/assets/img/PP.webp" loading="lazy"></div>
					<div data-gp="PS"><img alt="PS" src="../../src/assets/img/PS.webp" loading="lazy"></div>
					<div data-gp="RCB"><img alt="RCB" src="../../src/assets/img/RCB.webp" loading="lazy"></div>
					<div data-gp="RICH88"><img alt="RICH88" src="../../src/assets/img/RICH88.webp" loading="lazy"></div>
					<div data-gp="RSG"><img alt="RSG" src="../../src/assets/img/RSG.webp" loading="lazy"></div>
					<div data-gp="SBOBET"><img alt="SBOBET" src="../../src/assets/img/SBOBET.webp" loading="lazy"></div>
					<div data-gp="SEXYBCRT"><img alt="SEXYBCRT" src="../../src/assets/img/SEXYBCRT.webp" loading="lazy">
					</div>
					<div data-gp="SLOTOPIA"><img alt="SLOTOPIA" src="../../src/assets/img/SLOTOPIA.webp" loading="lazy">
					</div>
					<div data-gp="SPADEGAMING"><img alt="SPADEGAMING" src="../../src/assets/img/SPADEGAMING.webp"
							loading="lazy">
					</div>
					<div data-gp="SPLUS"><img alt="SPLUS" src="../../src/assets/img/SPLUS.webp" loading="lazy"></div>
					<div data-gp="SPRIBE"><img alt="SPRIBE" src="../../src/assets/img/SPRIBE.webp" loading="lazy"></div>
					<div data-gp="SV"><img alt="SV" src="../../src/assets/img/SV.webp" loading="lazy"></div>
					<div data-gp="TF"><img alt="TF" src="../../src/assets/img/TF.webp" loading="lazy"></div>
					<div data-gp="THREE_SING"><img alt="THREE_SING" src="../../src/assets/img/THREE_SING.webp"
							loading="lazy">
					</div>
					<div data-gp="VIA_CASINO"><img alt="VIA_CASINO" src="../../src/assets/img/VIA_CASINO.webp"
							loading="lazy">
					</div>
					<div data-gp="WM"><img alt="WM" src="../../src/assets/img/WM.webp" loading="lazy"></div>
					<div data-gp="YESBINGO"><img alt="YESBINGO" src="../../src/assets/img/YESBINGO.webp" loading="lazy">
					</div>
					<div data-gp="YGG"><img alt="YGG" src="../../src/assets/img/YGG.webp" loading="lazy"></div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		props: {},
		data() {
			return {}
		},
		created() {},
		mounted() {

		},
		methods: {

		}
	}
</script>

<style scoped>
	* {
		box-sizing: border-box;
	}

	.footer-main {
		width: 100%;
		background: #262828;
		font-size: 15px;
	}

	.main-wrap {
		margin: 0 auto;
		position: relative;
		padding: 0 200px;
	}

	.footer-main .lc {
		color: #fdfdfd;
		display: flex;
		font-size: 12px;
		justify-content: space-between;
		line-height: 1.2;
		padding: 20px 0;
	}

	.lc-tit {
		align-items: center;
		display: flex;
		margin-bottom: 10px;
	}

	.lc-tit img {
		height: 20px;
	}

	.lc-cont .lc-c {
		margin: 5px 0;
		max-width: 100px;
	}

	.footer-copy {
		margin-top: 25px;
	}

	.lc-cont {
		flex: 0 0 20%;
		width: 20%;
	}

	.lc-cont:first-of-type {
		flex: 0 0 40%;
		width: 40%;
	}

	.lc-group {
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
		margin-bottom: 20px;
	}

	.lc-group .lc-g {
		display: block;
		filter: invert(1) grayscale(1);
		/* 图片变灰 */
		max-height: 20px;
	}
	 .lc.lc-btm {
	    border-top: 1px solid #2a2a2a;
	    margin-top: 25px;
	    padding-top: 25px;
	}
	.footer-links {
	    align-items: center;
	    display: flex;
	    gap: 15px;
	}
	 .footer-links a {
	    color: #888;
	    text-decoration: none;
	}
.footer-cont-gp {
	    background: #1b1b1b;
	    padding: 20px 0;
	}
	.provider-list-box {
	    display: flex;
	    flex-wrap: wrap;
	}
	.provider-list-box img {
	    display: block;
	    height: 42px;
	    margin-bottom: 2px;
	    margin-right: 20px;
	}
</style>